<template>
  <div>
    <van-nav-bar title="京豆" @click-left="onClickLeft">
      <template #right>
        <van-icon name="ellipsis" color="#000" size="18" />
      </template>
      <template #left>
        <van-icon name="arrow-left" color="#000" size="18" />
      </template>
    </van-nav-bar>

    <p style="color: red;padding-top: 10px;padding-bottom: 10px; padding-left: 10px">
      <span style="font-size: 24px">0</span>&nbsp;<span style="font-size: 12px"
        >个</span
      >
    </p>
    <p style="width: 100vw;height: 3vw;background-color: #efefef;"></p>
    <p style="font-size: 12px;padding-top: 10px; padding-left: 10px;padding-right: 10px;">
      京豆是用户在京东购物、评价、晒单等相关活动中获得的奖励，京豆仅可在京东购物时使用，可直接用于支付京东订单(投资性金银、收藏品和部分虚拟产品等不支持京豆支付的产品除外)
      ，在消费时100京豆可抵用1元现金，京豆支付不得超过每笔订单结算金额的50%，可使用的京豆数量为1000的整数倍。如:
      结算金额是100元，50%就是50元，那结算时最多只能用5000个京豆支付。
    </p>
    <p style="font-size: 12px;padding-top: 25px;padding-bottom: 25px; padding-left: 10px;padding-right: 10px;">
      用户获得但未使用的京豆，将在下一个自然年底过期.
    </p>
    <p style="width: 100vw;height: 104vw;background-color: #efefef;"></p>
  </div>
</template>

<script>
export default {
  methods: {
    //返回上个页面
    onClickLeft() {
      this.$router.back();
    },
    onClickRight() {},
  },
};
</script>

<style lang="scss" scoped>
*{
  padding: 0;
  margin: 0;
}
</style>